{% extends "configurarProyectoLayout.html" %}
{% block subbody %}
<script>
	function enviar() {
		var valor = new Array();
		var con = 0;
		if (document.agregarRolUsuario.check.value != null && document.agregarRolUsuario.check.checked) {
			valor = document.agregarRolUsuario.check.value;
		} else{
			for (i = 0; i < document.agregarRolUsuario.check.length; i++) {
				if (document.agregarRolUsuario.check[i].checked) {
					valor[con] = document.agregarRolUsuario.check[i].value;
					con=con+1
				}
			}
		}
		
		if (valor != null) {
			return true;
			
		} else {
			alert('Seleccionar al menos un rol');
			return false;
		}
		
		document.agregarRolUsuario.check.value=valor;
		
		return true;
	}
	
</script>
<center>
	<div class=titulorojo>ASIGNAR ROLES A USUARIO</div>
	<br> <br>
	<form id="agregarRolUsuario" name="agregarRolUsuario" action="agregarRolUsuario" method="post"
		onSubmit="return enviar();">
		<table>
			<input type="hidden" name="idproyecto" value="{{ idproyecto }}">
			<input type="hidden" name="idusuario" value="{{ usuario.idusuario }}">
			<tr>
				<td class=titulochico>Nombre</td>
				<td><input name="nombre" type="text" value="{{ usuario.nombre }}" disabled="disabled"></td>
			</tr>
			<tr>
				<td class=titulochico>Usuario</td>
				<td><input name="usuario" type="text" disabled="disabled"
					value="{{ usuario.usuario }}"></td>
			</tr>
			</table>
<br>
		<table id="permisos" name="permisos" border=1 cellpadding=2
			cellspacing=1 width=50% align=center bgcolor=#E5E5E5>
			<tr>
				<th class=titulochico width='30%'>Roles</th>
				<th class=titulochico width='10%'>Marcar</th>
			</tr>
			{% for rol in rolesusuario : %}
			<tr>
				<td align=center>{{ rol.nombre }}</td>
				<td align=center><input type="checkbox" name="check" checked
					value="{{ rol.idrol }}"></td>
			</tr>
			{% endfor %}
			{% for rol in roles : %}
			<tr>
				<td align=center>{{ rol.nombre }}</td>
				<td align=center><input type="checkbox" name="check"
					value="{{ rol.idrol }}"></td>
			</tr>
			{% endfor %}
		</table>
		<br>
		<table>
		<tr>
				<td></td>
				<td><input name="aceptar" value="Aceptar" type="submit"><input
					name="cancelar" value="Cancelar" type="button"
					onClick="location.href='adRolPorUsuario?idusuario={{ usuario.idusuario }}&idproyecto={{ idproyecto }}'"></td>
			</tr>
		</table>
	</form>
</center>
{% endblock %}